import React from "react";
import "./index.scss";
const PaySkeleton = props => {
	const { load, children } = props;
	if (load) {
		return (
			<>
				<div className="pay-skeleton">
					<div className="pay-skeleton-header">
						<div className="pay-skeleton-header-title"></div>
						<div className="pay-skeleton-header-money"></div>
					</div>
					<div className="pay-skeleton-content">
						<div className="pay-skeleton-content-top">
							<div></div>
							<div></div>
						</div>
						<div className="pay-skeleton-content-bottom">
							<div></div>
							<div></div>
						</div>
					</div>
					<div className="pay-skeleton-keywords">
						<div className="pay-skeleton-keywords-top"></div>
						<div className="pay-skeleton-keywords-bottom">
							<span></span>
							<span></span>
							<span></span>
							<span></span>
							<span></span>
							<span></span>
						</div>
					</div>
					<div className="pay-skeleton-button"></div>
					<div className="pay-skeleton-change-pay"></div>
				</div>
				<div className="home-flicker"></div>
			</>
		);
	}

	return children;
};
export default PaySkeleton;
